﻿<nav1>
   <ul>
<li><a href="#pic1">目录1</a></li>
<li><a href="#pic2">总说明2</a></li>
<li><a href="#pic5">地下室及水池防水说明5</a></li>
<li><a href="#pic11">地下室11</a></li>
<li><a href="#pic18">水池18</a></li>
<li><a href="#pic20">楼地面、踢脚说明20</a></li>
<li><a href="#pic22">楼地面22</a></li>
<li><a href="#pic47">踢脚47</a></li>
<li><a href="#pic55">内外墙、墙裙说明55</a></li>
<li><a href="#pic58">内墙58</a></li>
<li><a href="#pic72">墙裙72</a></li>
<li><a href="#pic77">外墙77</a></li>
<li><a href="#pic83">顶棚说明83</a></li>
<li><a href="#pic86">顶棚86</a></li>
<li><a href="#pic96">涂料、刷浆、裱糊说明96</a></li>
<li><a href="#pic98">涂料98</a></li>
<li><a href="#pic107">刷浆、裱糊107</a></li>
<li><a href="#pic108">屋面说明108</a></li>
<li><a href="#pic118">屋面118</a></li>
<li><a href="#pic138">散水、台阶、坡道说明138</a></li>
<li><a href="#pic139">散水139</a></li>
<li><a href="#pic141">台阶141</a></li>
<li><a href="#pic143">坡道143</a></li>
<li><a href="#pic146">道路、场地说明146</a></li>
<li><a href="#pic147">道路147</a></li>
<li><a href="#pic152">场地152</a></li>
        <!-- 其他导航项... -->
    </ul>
 </nav1>


 <nav2>
<script>
	var dizhi="https://www.tujiwang.net.cn/upload/pdfimages/2022/11/06/18/73_";
	page=154

	for (var i=1;i<page+1;i++){
			var x="";
		x=x + '<img id="pic'+i+'" src="'+dizhi+i+'.jpg" alt="pic1" title="pic157">'
		document.write(x);
	}
</script>
 </nav2>


<style>
nav1 {
   float: left;
  width: 20%;  
  padding: 50px;
} 

nav2 {
   float: left;
  width: 20%;
  padding: 50px;
} 

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 25%;
  background-color: #f1f1f1;
  height: 90%; /* 全高 */
  position: fixed; /* 使它产生粘性，即使在滚动时 */
  overflow: auto; /* 如果侧栏的内容太多，则启用滚动条 */
}
</style>